<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>goodtick</title>
<link rel="stylesheet" href="css/goodtick.css"  type="text/css" />
</head>
<body>
<div class="wapper">
  <div class="header">
    <h1 class="logo"><a href="#"><img src="images/logo.png" /></a></h1>
    <div class="top-nav f14">
      <div class="fackbook fr pl20"><a href="#"><img src="images/f-header.png" alt="" /></a></div>
      <div class="place fr"><a href="#"><span class="fl icon"><img src="images/ico-header.png" alt="" /></span>香港</a>|<a href="#">其他地區 Other Region</a>
      <div class="place-pop" style="display:block;">
      <ul>
      	<li><a href="#"><span class="i-con fl"><img src="images/index-ico-1.png" alt="" /></span>香港(English)</a></li>
        <li><a href="#"><span class="i-con fl"><img src="images/index-ico-1.png" alt="" /></span>香港(繁體中文)</a></li>
        <li><a href="#"><span class="i-con fl"><img src="images/index-ico-2.png" alt="" /></span>中國(簡體中文)</a></li>
      </ul>
      </div>
      </div>
    </div>
    <div class="search clearfix">
      <input type="text" class="txt-input fl" value="輸入活動名稱或類別..."/>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-1" value="日期" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-2" value="活動類別" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="select-box fl">
        <input type="text" class="fl select-txt s-3" value="地區" />
        <a href="#" class="ico"><img src="images/select-ico.png" /></a></div>
      <div class="btn fl"><a href="#">搜索</a></div>
      <div class="dq-pop" style="display:block">
      	<h3 class="title">選擇地區：<a href="#" class="close">關閉</a></h3>
        <div class="dq-list">
        	<div class="list">
            <div class="listItem"><a href="#"><span class="i-con fl"><img src="images/index-dq-t-opoen.png" /></span>香港島</a></div>
            <div class="list-con clearfix" style="display:block">
            <ul>
            	<li><input type="checkbox" />中環</li>
                <li><input type="checkbox" />蘭桂坊</li>
                <li><input type="checkbox" />天后宮</li>
                <li><input type="checkbox" />太古</li>
                <li><input type="checkbox" />北角</li>
                <li><input type="checkbox" />蘇豪</li>
                <li><input type="checkbox" />石澳</li>
                <li><input type="checkbox" />金鐘</li>
                <li><input type="checkbox" />灣仔</li>
                <li><input type="checkbox" />銅鑼灣</li>
                <li><input type="checkbox" />半山</li>
                <li><input type="checkbox" />西灣河</li>
                <li><input type="checkbox" checked="checked" />香港仔</li>
                <li><input type="checkbox" />杏花村</li>
                <li><input type="checkbox" />杏花村</li>
                <li><input type="checkbox" />柴灣</li>
                <li><input type="checkbox" />跑馬地</li>
                <li><input type="checkbox" />赤柱</li>
                <li><input type="checkbox" />深水灣</li>
                <li><input type="checkbox" />西環</li>
                <li><input type="checkbox" />淺水灣</li>
                <li><input type="checkbox" />數碼港</li>
                <li><input type="checkbox" />金鐘</li>
                <li><input type="checkbox" />薄扶林</li>
                <li><input type="checkbox" />全香港島</li>
            </ul>
            </div>
            
            </div>
            <div class="list"><div class="listItem"><a href="#"><span class="i-con fl"><img src="images/index-dq-t-close.png" /></span>九龍</a></div></div>
            <div class="list"><div class="listItem"><a href="#"><span class="i-con fl"><img src="images/index-dq-t-close.png" /></span>新界</a></div></div>
            <div class="list"><div class="listItem"><a href="#"><span class="i-con fl"><img src="images/index-dq-t-open.png" /></span>離島</a></div>
              <div class="list-con clearfix" style="display:block">
            <ul>
            	<li><input type="checkbox" />全離島</li>
                <li><input type="checkbox" />大澳</li>
                <li><input type="checkbox" />長洲</li>
                <li><input type="checkbox" />南丫島</li>
                <li><input type="checkbox" />偷景灣</li>
                <li><input type="checkbox" />大嶼山</li>
                <li><input type="checkbox" />坪洲</li>
                <li><input type="checkbox" />長洲</li>
                <li><input type="checkbox" />蒲苔島</li>
                <li><input type="checkbox" />南丫島</li>
               
            </ul>
            </div>
            </div>
        </div>
      	
      </div>
    </div>
    <div class="nav fr f14">
      <ul>
        <li><a href="#">首頁</a></li>
        <li><a href="#">搜索活動</a></li>
        <li><a href="#">好友喜爱</a></li>
        <li><a href="#">關於我們</a></li>
      </ul>
    </div>
  </div>
  <div class="content">
    <div class="index-holder">
      <div class="index-path clearfix">
        <div class="index-banner">
          <div class="s-left"><a href="#"><img src="images/banner-left.png" alt="" /></a></div>
          <div class="s-img">
            <ul id="slider1">
              <li> <a href="#"><img src="images/banner-1.jpg" alt="" /></a></li>
              <li> <a href="#"><img src="images/banner-1.jpg" alt="" /></a></li>
              <li> <a href="#"><img src="images/banner-1.jpg" alt="" /></a></li>
              <li> <a href="#"><img src="images/banner-1.jpg" alt="" /></a></li>
              <li> <a href="#"><img src="images/banner-1.jpg" alt="" /></a></li>
            </ul>
          </div>
          <div class="s-right"><a href="#"><img src="images/banner-right.png" alt="" /></a></div>
          <div class="s-num"></div>
        </div>
        <div class="banner-list">
          <div class="l-banner"><a href="#"><img src="images/right-banner.png" alt="" /></a></div>
          <div class="l-banner"><a href="#"><img src="images/right-banner.png" alt="" /></a></div>
          <div class="l-re-list">
            <h3 class="title"><span>活動推薦</span></h3>
            <div class="txt-list f14 clearfix">
              <ul>
                <li><a href="#">草蜢華麗舞台演唱會</a></li>
                <li><a href="#">譚詠麟2012再度感動ENCORE..</a></li>
                <li><a href="#">冰FUN世界</a></li>
              </ul>
            </div>
          </div>
          <div class="btm"></div>
        </div>
      </div>
      <div class="index-list">
        <div class="list clearfix">
          <ul>
            <li>
              <div class="ico"><img src="images/pic-icon-zrq.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
              <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
            <li>
              <div class="ico"><img src="images/pic-icon-zrq.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
              <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
            <li>
              <div class="ico"><img src="images/pic-icon-zrq.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
            <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="list clearfix">
          <ul>
            <li>
              <div class="ico"><img src="images/pic-icon-zx.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
              <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
            <li>
              <div class="ico"><img src="images/pic-icon-zx.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
              <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
            <li>
              <div class="ico"><img src="images/pic-icon-zx.png" alt="" /></div>
              <div class="img-box"><a href="#"><img src="images/img-201x120.png" alt="" /></a></div>
              <h4 class="title"><a href="#">何韻詩x蕭敬騰異人世界演唱會2012</a></h4>
             <div class="friend-list f14">
                <p>你的朋友對此活動有興趣：</p>
                <ul class="clearfix">
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                  <li><a href="#"><img src="images/img-50x50.png" alt="" /></a></li>
                </ul>
                <p>有興趣，請提醒我！<br />
                  請在演唱會開始
                  <input type="text" class="list-input" />
                  天前提醒我！</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="footer"><a href="#">關於我們</a><a href="#">免責條款</a><a href="#">廣告查詢</a></div>
</div>
<script src="js/jquery.min.js?v=1.7"></script>
<script src="js/jquery.bxSlider.1.1.min.js?v=20120415"></script>
<script>
$('#slider1').bxSlider({mode: 'fade',infiniteLoop:true, auto: true,controls: true, prevSelector:"#s-left",prevText:'',nextText:'',nextSelector:"#s-right", pager:true,pagerSelector:".s-num",pagerActiveClass:"cur"});

//var slider2 = $('#slider2').bxSlider({infiniteLoop:true, prevSelector:"#prev1",prevText:'',nextText:'',nextSelector:"#next1",displaySlideQty: 4, moveSlideQty:4});
</script>
</body>
</html>